- importObj.importCss(['/code_mirror/codemirror.css', '/code_mirror/monokai.css']);
- importObj.importJs(['/code_mirror/codemirror.min.js', '/code_mirror/javascript.min.js']);
- var articleListDialog = viewContent.articleListDialog;
- var articles = articleListDialog.data;
- var baseDialog = articleListDialog;
div(class='#{baseDialog.selfClass}', id='#{baseDialog.selfId || ''}')
  div(class='#{baseDialog.titleBarClass}') 
    .uiTitle #{baseDialog.title}
  div(class='#{baseDialog.contentClass}')
    - var articleLastIndex = articles.length - 1;
    each article, i in articles
      - var articleContainerClass = 'articleContainer';
      if i === articleLastIndex
        - articleContainerClass += ' lastContainer'
      div(class='#{articleContainerClass}')
        .createTime
          - var date = article.date;
          .month #{date.month}
          .day #{date.day}
        h2 #{article.title}
        each partContent in article.content
          case partContent.tag
            when 'p'
              p !{partContent.data.replace('\n', '<br />')}
            when 'title'
              h3 !{partContent.data}
            when 'code'
              textarea.codeView !{partContent.data}
